<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/congzi.css">
    <link rel="stylesheet" href="./css/gonggong.css">
    <link rel="stylesheet" href="./css/shouye.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1867123_2qoh2mba586.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="header">
            <p class="float_left"><a href="#">登入/注册</a></p>
            <p class="float_left"><a href="#">婚礼纪app<span class="iconfont icon-shouji54"></span></a></p>

            <p class="float_right"><a href="#">客服：400-159-9090</a></p>


            <ul class="float_right">
                <li><a href="#">体验店加盟</a><img src="./images/h.png" alt=""></li>
                <li><a href="#">海草云</a></li>
                <li><a href="#">进入商家中心<img src="./images/h.png" alt=""></a></li>
                <li><a href="#">婚礼现场</a></li>
                <li><a href="#">招聘</a></li>
                <li><a href="#">平台规则</a></li>
            </ul>
        </div>
        <!-- 导航 -->
    </header>
    <nav class="nav">
        <div class="logo float_left"><img src="./images/logo.png" alt=""></div>
        <p class="float_left">全国</p>
        <ul class="float_left">
            <li><a href="#">首页</a></li>
            <li><a href="#">结婚请柬</a></li>
            <li><a href="#">婚宴酒店</a></li>
            <li><a href="#">结婚商城<span class="iconfont icon-xialacaidanjiantou" ></span></a></li>
            <li><a href="#">婚品采购</a></li>
            <li><a href="#">结婚攻略<span class="iconfont icon-xialacaidanjiantou" ></span></a></li>
            <li><a href="#">婚礼美图<span class="iconfont icon-xialacaidanjiantou" ></span></a></li>
        </ul>
        <div class="shous float_left">
            <form action="">
                <input type="text" placeholder="留住婚礼瞬间">
                <input type="button">
            </form>
        </div>
    </nav>
    <!-- 广告 -->
    <div id="banner">
        <div class="banner">
            <img src="./images/banner1.jpg" alt="">
            <div class="box">
                <div class="li float_left">
                    <p>
                        <a href=""><i class="iconfont icon-icon-"> </i>婚礼酒店</a>
                    </p>
                    <p>
                        <a href=""><i class="iconfont icon-dengpao"> </i>婚礼策划</a>
                    </p>
                    <p>
                        <a href=""><i class="iconfont icon-tupian"> </i>婚纱摄影</a>
                    </p>
                    <p>
                        <a href=""><i class="iconfont icon-maikefeng"> </i>婚礼司仪</a>
                    </p>
                    <p>
                        <a href=""><i class="iconfont icon-fuzhuang-hudiejie"> </i>婚纱礼服</a>
                    </p>
                    <p>
                        <a href=""><i class="iconfont icon-sheyingji01"> </i>婚礼摄影</a>
                    </p>
                    <p>
                        <a href=""><i class="iconfont icon-icon-"> </i>婚礼跟拍</a>
                    </p>
                    <p>
                        <a href=""><i class="iconfont icon-iconset0239"> </i>婚礼跟妆</a>
                    </p>
                    <p>
                        <a href=""><i class="iconfont icon-hunche"> </i>婚车租赁</a>
                    </p>
                </div>
                <ul class="float_right">
                    <li><a href="#">草坪/星级</a></li>
                    <li><a href="#">室内/户外</a></li>
                    <li><a href="#">影楼/工作数</a></li>
                    <li><a href="#">煽情/海派</a></li>
                    <li><a href="#">高端/定制</a></li>
                    <li><a href="#">婚礼mv/摇臂</a></li>
                    <li><a href="#">纪实/双机位</a></li>
                    <li><a href="#">韩式/中式</a></li>
                    <li><a href="#">一价/全包</a></li>
                </ul>
            </div>
        </div>
        <div class="con">
            <div class="box">
                <a href="">
                    <dt><img src="./images/a1.png" alt=""></dt>
                    <dd>电子请帖</dd>
                </a>

                <a href="#">
                    <dt><img src="./images/a2.png" alt=""></dt>
                    <dd>婚宴酒店</dd>
                </a>

                <a href="#">
                    <dt><img src="./images/a3.png" alt=""></dt>
                    <dd>旅拍商城</dd>
                </a>

                <a href="#">
                    <dt><img src="./images/a4.png" alt=""></dt>
                    <dd>婚礼mv</dd>
                </a>
                <a href="#">
                    <dt><img src="./images/a5.png" alt=""></dt>
                    <dd>结婚攻略</dd>
                </a>
            </div>
        </div>
        <div class="col">
            <div class="col-l float_left">
                <h2>
                    酒店特惠三步查
                </h2>
                <form action="">
                    <input type="text" value="全国">
                    <input type="text" value="全部区域">
                    <input type="text" value="4000-5000元">
                </form>
                <a href="#">立即查询 </a>
            </div>
            <div class="col-c float_left">
                <h2>电子请帖</h2>
                <h3>海量模板<span>免费</span>使用</h3>
                <a href="#">点击浏览</a>
            </div>
            <div class="col-r float_right">
                <div>
                    <h2>婚礼工具</h2>
                    <dl>
                        <dt><img src="./images/b1.png" alt=""></dt>
                        <dd>结婚吉日</dd>
                    </dl>
                    <dl>
                        <dt><img src="./images/b2.png" alt=""></dt>
                        <dd>婚姻登记日</dd>
                    </dl>
                    <dl>
                        <dt><img src="./images/b3.png" alt=""></dt>
                        <dd>结婚任务</dd>
                    </dl>
                    <dl>
                        <dt><img src="./images/b4.png" alt=""></dt>
                        <dd>婚礼歌曲</dd>
                    </dl>
                    <dl>
                        <dt><img src="./images/b5.png" alt=""></dt>
                        <dd>婚礼流程</dd>
                    </dl>

                </div>
            </div>
            <ul>

                <li><a href="#">热门城市</a></li>
                <li><a href="#">上海</a></li>
                <li><a href="#">济南</a></li>
                <li><a href="#">郑州</a></li>
                <li><a href="#">武汉</a></li>
                <li><a href="#">大连</a></li>
                <li><a href="#">厦门</a></li>
                <li><a href="#">长沙</a></li>
                <li><a href="#">重庆</a></li>
                <li><a href="#">合肥</a></li>
                <li><a href="#">三亚</a></li>
                <li><a href="#">丽江</a></li>
                <li><a href="#">北京</a></li>
                <li><a href="#">全部城市 ></a></li>
            </ul>
        </div>
        <div class="cor">
            <h3>旅拍套餐推荐</h3>
            <div class="cor-1">
                <dl>
                    <dt><img src="./images/lun-pic1.jpg" alt=""></dt>
                    <dd>【一价全包】蜜月流拍立减一千+酒店接</dd>
                    <p>￥4966<span>时尚经典全球旅拍丽江站</span></p>
                </dl>
                <dl>
                    <dt><img src="./images/pic-4.gif" alt=""></dt>
                    <dd>机票报销+礼包场景人选定制+包邮</dd>
                    <p>￥4966<span>时尚经典全球旅拍丽江站</span></p>
                </dl>
                <dl>
                    <dt><img src="./images/lun-pic3.jpg" alt=""></dt>
                    <dd>【机票补贴1000元】全国包邮加两晚酒店+</dd>
                    <p>￥4966<span>时尚经典全球旅拍丽江站</span></p>
                </dl>
            </div>
            <div class="cor-2">
                <dl>
                    <dt><img src="./images/pic-1.jpg" alt=""></dt>
                    <dd>
                        <h4>【机票补贴1000元】全国包邮加两晚酒</h4>
                        <p>时尚经典全球旅拍丽江站</p>
                        <span>￥6888</span>
                    </dd>
                </dl>
                <dl>
                    <dt><img src="./images/pic-2.jpg" alt=""></dt>
                    <dd>
                        <h4>【机票补贴1000元】全国包邮加两晚酒</h4>
                        <p>时尚经典全球旅拍丽江站</p>
                        <span>￥6888</span>
                    </dd>
                </dl>
                <dl>
                    <dt><img src="./images/pic-3.jpg" alt=""></dt>
                    <dd>
                        <h4>【机票补贴1000元】全国包邮加两晚酒</h4>
                        <p>时尚经典全球旅拍丽江站</p>
                        <span>￥6888</span>
                    </dd>

                </dl>
                <dl>
                    <dt><img src="./images/pic-5.jpg" alt=""></dt>
                    <dd>
                        <h4>【机票补贴1000元】全国包邮加两晚酒</h4>
                        <p>时尚经典全球旅拍丽江站</p>
                        <span>￥6888</span>
                    </dd>
                </dl>
            </div>
        </div>
        <div class="chengs">
            <h3>旅拍热门城市</h3>
            <div>
                <a href="#"><img src="./images/w-pic1.jpg" alt=""></a>
            </div>
            <div>
                <li>
                    <a href="#"><img src="./images/w-pic2.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/w-pic3.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/w-pic4.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/w-pic5.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/w-pic6.jpeg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/w-pic7.jpg" alt=""></a>
                </li>
            </div>
            <div>
                <a href="#"><img src="./images/w-pic8.jpg" alt=""></a>
            </div>
            <p> <a href="#">更多旅拍优惠</a></p>
        </div>
        <div class="cehua">
            <h3>婚礼策划案例</h3>
            <div><img src="./images/timg.jpg" alt=""></div>
            <div><img src="./images/timg (3).jpg" alt="">
                <h4>浪漫清晰的白红色草坪婚礼</h4>
                <p>三亚自然风婚礼策划<span>收藏206</span></p>
            </div>
            <div><img src="./images/timg (1).jpg" alt=""></div>
            <p class="dd"></p>
            <p class="vv"> <a href="#">更多案例</a></p>
            <p class="aa">提供热门婚庆公司婚庆套餐报价及婚礼策划案例欣赏</p>
        </div>
        <div id="list">

            <div>
                <h4>婚礼流程</h4>
            </div>
            <div>
                <dl>
                    <dt><img src="./images/icon1.png" alt=""></dt>
                    <dd>婚礼酒店</dd>
                </dl>
                <dl>
                    <dt><img src="./images/icon2.png" alt=""></dt>
                    <dd>婚礼酒店</dd>
                </dl>
                <dl>
                    <dt><img src="./images/icon3.png" alt=""></dt>
                    <dd>婚礼酒店</dd>
                </dl>
                <dl>
                    <dt><img src="./images/icon9.png" alt=""></dt>
                    <dd>婚礼酒店</dd>
                </dl>
                <dl>
                    <dt><img src="./images/icon5.png" alt=""></dt>
                    <dd>婚礼酒店</dd>
                </dl>
                <dl>
                    <dt><img src="./images/icon6.png" alt=""></dt>
                    <dd>婚礼酒店</dd>
                </dl>
                <dl>
                    <dt><img src="./images/icon7.png" alt=""></dt>
                    <dd>婚礼酒店</dd>
                </dl>
                <dl>
                    <dt><img src="./images/icon8.png" alt=""></dt>
                    <dd>婚礼酒店</dd>
                </dl>

            </div>
        </div>
        <div class="jiud">
            <h3>婚宴酒店热门酒店</h3>
            <div class="box">
                <dl>
                    <dt><img src="./images/list1.png" alt=""></dt>
                    <dd>杭州</dd>
                </dl>
                <dl>
                    <dt> <img src="./images/list2.png" alt=""></dt>
                    <dd>上海</dd>
                </dl>
                <dl>
                    <dt><img src="./images/list3.png" alt=""></dt>
                    <dd>南京</dd>
                </dl>
                <dl>
                    <dt><img src="./images/list4.png" alt=""></dt>
                    <dd>北京</dd>
                </dl>
                <dl>
                    <dt><img src="./images/list5.png" alt=""></dt>
                    <dd>深圳</dd>
                </dl>

            </div>
            <ul>

                <li class="ee"><a href="#">其他城市</a></li>
                <li><a href="#">上海</a></li>
                <li><a href="#">济南</a></li>
                <li><a href="#">郑州</a></li>
                <li><a href="#">武汉</a></li>
                <li><a href="#">大连</a></li>
            </ul>
        </div>
        <div id="yongp">
            <div class="yongp">
                <h3>结婚用品</h3>
                <span>
                    <a href="#">迎亲堵门 / </a>
                    <a href="#">迎亲堵门 / </a>
                    <a href="#">迎亲堵门 / </a>
                    <a href="#">迎亲堵门 / </a>
                    <a href="#">迎亲堵门 / </a>
                </span>
                <div class="tu">
                    <dl>
                        <dt><img src="./images/img1.png" alt=""></dt>
                        <dd>
                            <h4>新娘礼服</h4>
                            <p>
                                <a href="#">婚纱 / </a>
                                <a href="#">敬酒服 / </a>
                                <a href="#">秀禾服</a>
                            </p>
                        </dd>
                    </dl>
                    <dl>
                        <dt><img src="./images/img2.png" alt=""></dt>
                        <dd>
                            <h4>婚房布置</h4>
                            <p>
                                <a href="#">婚纱 / </a>
                                <a href="#">敬酒服 / </a>
                                <a href="#">秀禾服</a>
                            </p>

                        </dd>
                    </dl>
                    <dl>
                        <dt><img src="./images/img3.png" alt=""></dt>
                        <dd>
                            <h4>喜糖请柬</h4>
                            <p>
                                <a href="#">婚纱 / </a>
                                <a href="#">敬酒服 / </a>
                                <a href="#">秀禾服</a>
                            </p>

                        </dd>
                    </dl>
                    <dl>
                        <dt><img src="./images/img4.png" alt=""></dt>
                        <dd>
                            <h4>鞋包内衣</h4>
                            <p>
                                <a href="#">婚纱 / </a>
                                <a href="#">敬酒服 / </a>
                                <a href="#">秀禾服</a>
                            </p>
                        </dd>
                    </dl>
                </div>
                <p class="tt"> <a href="#">更多案例</a></p>
            </div>
        </div>
        <div id="meitu">
            <div class="meitu">
                <h3>结婚美图</h3>
                <!-- 第一层 -->
                <div class="con1">
                    <div class="float_left">
                        <img src="./images/timg.jpg" alt="">
                    </div>
                    <div class="float_left clear_fix">
                        <div class="aa">
                            <img src="./images/main-img2.jpg" alt="">
                        </div>
                        <div class="ee">
                            <h3>水下婚纱照</h3>
                            <p>提供水下婚纱照图片，<br>水下婚纱照欣赏</p>
                            <h4></h4>
                        </div>
                    </div>
                </div>
                <!-- 第二层 -->
                <ul class="con2">
                    <li>韩式婚纱照</li>
                    <li><img src="./images/main-img3.jpg" alt=""></li>
                    <li>唯美婚纱照</li>
                    <li><img src="./images/main-img4.jpg" alt=""></li>
                </ul>
                <!-- 第三层 -->
                <div class="con3">
                    <div class="float_left">
                        <h3>小清晰婚礼布置</h3>
                        <p>小清新婚礼布置是时下最流行的婚礼设置，无论是是呢还是室外都可<br>营造出一种轻喜浪漫的婚礼氛围，深受人们的喜爱！</p>
                        <h4></h4>
                        <ul>
                            <li class="ee"><a href="#">热门标签</a></li>
                            <li><a href="#">新娘妈妈礼服</a></li>
                            <li><a href="#">秀禾服</a></li>
                            <li><a href="#">新郎新娘伴郎西服</a></li>
                            <li><a href="#">婚礼西服布置</a></li>
                        </ul>
                    </div>

                    <div class="float_left">
                        <img src="./images/main-img5.jpg" alt="">
                    </div>
                </div>
                <h5>
                    <p class="tt"> <a href="#">更多关图</a></p>
                </h5>
            </div>
        </div>
        <div class="baike">
            <h4>结婚百科</h4>
            <!-- 套一个盒子 -->
            <div class="box  clear_fix">
                <!-- 第一个盒子 -->
                <!-- 左边第一个大盒子 -->
                <div>
                    <!-- 小盒子 -->
                    <div class="con1">
                        <h5>结婚攻略</h5>
                        <i>
                           <a href="#">结婚流程 / </a>
                           <a href="# ">结婚流程 / </a>
                           <a href="# ">结婚流程 / </a>
                           <a href="# ">结婚流程 / </a>
                           <a href="# ">结婚流程 / </a>
                        </i>
                    </div>
                    <ul>
                        <li><a href="# ">拍婚纱照需要注意什么呀<span>浏览137</span></a></li>
                        <li><a href="# ">拍婚纱照需要注意什么呀<span>浏览137</span></a></li>
                        <li><a href="# ">拍婚纱照需要注意什么呀<span>浏览137</span></a></li>
                        <li><a href="# ">拍婚纱照需要注意什么呀<span>浏览137</span></a></li>
                        <li><a href="# ">拍婚纱照需要注意什么呀<span>浏览137</span></a></li>
                    </ul>
                </div>

            </div>
        </div>
</body>

</html>